<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue基本功能</title>
    <script src="vue.global.js"></script>
</head>
<body>
    <div id="app">
        取变量值：<span>{{a}}</span> <br>
        取变量值：<span v-text="a"></span> <br>
        绑定链接：<a v-bind:href="url">百度</a> <br>
    </div>
</body>

<script>
    // 定义vue对象
    const app = {
        // 属性和数据
        data() {
            return {
                a:1,
                url: 'http://www.baidu.com',
                style: {
                    color: 'red',
                    fontSize: '26px'
                },
            }
        },
        // 行为
        method() {

        },
        // 构造方法
        mounted() {
            console.log("vue启动成功！")
        }
    }

    // 启动和绑定app
    Vue.createApp(app).mount("#app")
</script>
</html>